<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>gTime</title>
  <link type="text/css" rel="stylesheet" href="/stylesheets/gtime.css" />
</head>
	<body>
	<div>
		<div id="statement_header">
			{{ statement.header }}
		</div>
		<div id="statement_date">
			{{ statement.date }}
		</div>
		<div>
			<textarea class="client-address" id="client_address" cols="30" contenteditable="true" rows="4">{{ statement.clientName }}</textarea>
		</div>
		<table id="statement" name="statement" class="result">
			<thead>
				<tr>
					<th class="ta-left">Date</th>
					<th class="ta-left">Description</th>
					<th class="ta-left">Location</th>
					<th class="num-col">Hours</th>
					<th class="num-col">Fee</th>
					<th class="num-col">Payment</th>
				</tr>
			</thead>
			<tbody>
				{% for line in statement.lines %}
				<tr class="{% cycle row-odd,row-even %}">
					<td class="list-row"> {{ line.date }} </td>
					<td class="list-row"> {{ line.desc }} </td>
					<td class="list-row"> {{ line.where }} </td>
					<td class="list-row num-col"> {{ line.duration }} </td>
					<td class="list-row num-col"> {{ line.fee }} </td>
					<td class="list-row num-col"> {{ line.payment }} </td>
				</tr>
				{% endfor %}
				<tr>
					<td colspan=3 class="ta-right">TOTAL</td>
					<td class="total-row num-col "> {{ statement.totalHours }}</td>
					<td class="total-row num-col "> {{ statement.totalFees }}</td>
					<td class="total-row num-col "> {{ statement.totalPayments }}</td>
				</tr>
				<tr>
					<td colspan=5 class="ta-right">BALANCE</td>
					<td class="total-row num-col "> {{ statement.balance }}</td>
				</tr>
			</tbody>
		</table>
	<div>
	</body>
</html>